<!doctype html>


<html>
<head>
  <link rel="shortcut icon" href="static/images/favicon.ico" type="image/x-icon">
  <title>popup.js (Closure Library API Documentation - JavaScript)</title>
  <link rel="stylesheet" href="static/css/base.css">
  <link rel="stylesheet" href="static/css/doc.css">
  <link rel="stylesheet" href="static/css/sidetree.css">
  <link rel="stylesheet" href="static/css/prettify.css">

  <script>
     var _staticFilePath = "static/";
     var _typeTreeName = "goog";
     var _fileTreeName = "Source";
  </script>

  <script src="static/js/doc.js">
  </script>


  <meta charset="utf8">
</head>

<body onload="grokdoc.onLoad();">

<div id="header">
  <div class="g-section g-tpl-50-50 g-split">
    <div class="g-unit g-first">
      <a id="logo" href="index.html">Closure Library API Documentation</a>
    </div>

    <div class="g-unit">
      <div class="g-c">
        <strong>Go to class or file:</strong>
        <input type="text" id="ac">
      </div>
    </div>
  </div>
</div>





<div class="colmask rightmenu">
<div class="colleft">
    <div class="col1">
      <!-- Column 1 start -->

<div id="title">
       <span class="fn">popup.js</span>
</div>

<div class="g-section g-tpl-75-25">
  <div class="g-unit g-first" id="description">
    <span class='nodesc'>No description.</span>
  </div>
  

        <div class="g-unit" id="useful-links">
          <div class="title">Useful links</div>
          <ol>
            <li><a href="http://closure-library.googlecode.com/git/closure/goog/demos/popup.html">Demo</a></li>
            <li><a href="local_closure_goog_ui_popup.js.source.html"><span class='source-code-link'>Source Code</span></a></li>
            <li><a href="http://code.google.com/p/closure-library/source/browse/local/closure/goog/ui/popup.js">Git</a></li>
          </ol>
        </div>
</div>

<h2 class="g-first">File Location</h2>
  <div class="g-section g-tpl-20-80">
    <div class="g-unit g-first">
      <div class="g-c-cell code-label">/goog/ui/popup.js</div>
    </div>
  </div>
<hr/>


  <h2>Classes</h2>
 <div class="fn-constructor">
        <a href="class_goog_ui_Popup.html">
          goog.ui.Popup</a><br/>
        <div class="class-details">The Popup class provides functionality for displaying an absolutely
positioned element at a particular location in the window. It's designed to
be used as the foundation for building controls like a menu or tooltip. The
Popup class includes functionality for displaying a Popup near adjacent to
an anchor element.

This works cross browser and thus does not use IE's createPopup feature
which supports extending outside the edge of the brower window.

</div>
 </div>
 <div class="fn-constructor">
        <a href="class_goog_ui_Popup_AbsolutePosition.html">
          goog.ui.Popup.AbsolutePosition</a><br/>
        <div class="class-details">Encapsulates a popup position where the popup absolutely positioned by
setting the left/top style elements directly to the specified values.
The position is generally relative to the element's offsetParent. Normally,
this is the document body, but can be another element if the popup element
is scoped by an element with relative position.

</div>
 </div>
 <div class="fn-constructor">
        <a href="class_goog_ui_Popup_AnchoredPosition.html">
          goog.ui.Popup.AnchoredPosition</a><br/>
        <div class="class-details">Encapsulates a popup position where the popup is anchored at a corner of
an element.

When using AnchoredPosition, it is recommended that the popup element
specified in the Popup constructor or Popup.setElement be absolutely
positioned.

</div>
 </div>
 <div class="fn-constructor">
        <a href="class_goog_ui_Popup_ClientPosition.html">
          goog.ui.Popup.ClientPosition</a><br/>
        <div class="class-details">Encapsulates a popup position where the popup is positioned relative to the
window (client) coordinates. This calculates the correct position to
use even if the element is relatively positioned to some other element. This
is for trying to position an element at the spot of the mouse cursor in
a MOUSEMOVE event. Just use the event.clientX and event.clientY as the
parameters.

</div>
 </div>
      



<h2>Enumerations</h2>






<div class="section">
  <table class="horiz-rule">


  </table>
</div>










      <!-- Column 1 end -->
    </div>

        <div class="col2">
          <!-- Column 2 start -->
          <div class="col2-c">
            <h2 id="ref-head">Directory ui</h2>
            <div id="localView"></div>
          </div>

          <div class="col2-c">
            <h2 id="ref-head">File Reference</h2>
            <div id="sideFileIndex" rootPath="" current="/goog/ui/popup.js"></div>
          </div>
          <!-- Column 2 end -->
        </div>
</div>
</div>

</body>
</html>
